@import 'common.less';
//@import 'header.less';
//@import 'footer.less';

#goods_box{
    width: 1200px;
    height: 580px;
    margin: 0 auto;
    position: relative;
    .goods{
        width: 240px;
        height: 576px;
        position: absolute;
        top:0px;left:0px;
        border:1px solid #E6E6E6;
        #last_info{
         border-bottom: 0px;   
        }
   
        .info{
            width:240px;
            height: 115px;
            position: relative;
            border-bottom: 1px dashed gainsboro;
            &:hover{
                .second_info1{
                    display: block;
                }
            }
//          1111111
.second_info1{
     width:315px;
//   height: 150px;
     position: absolute;
     top:0px;left: 238px;
     border: 1px solid #E6E6E6;
     background: white;
     display:none;
//   border: 1px solid red;
     z-index: 100;
     .second_title{
        display: block;
        width: 220px;
        height: 15px;
        padding: 8px 0px 8px 20px;
        text-decoration: none;
         font-weight: bold;
         color:#666666;        
       } 
       ul{
        width:300px;
//      height: 0px;
        margin-top: 10px;
        padding: 8px 15px 15px 20px; 
        li{
            float: left;
             a{ 
                padding: 6px 12px 6px 0px;
                 color: #666666;
                 font-size: 12px;
                 text-decoration:none;
                }
        } 
       }
}
//           11111

            .info_title{
                display: block;
                width: 220px;
                height: 15px;
                padding: 8px 0px 8px 20px;
                text-decoration: none;
                font-weight: bold;
                color: @re;
            }
            ul{
//              width: 240px;
                height: 80px;
                margin-top: 10px;
                padding: 8px 15px 15px 20px;
                li{
                    float: left;
                    a{ 
                        padding: 6px 12px 6px 0px;
                        color: #666666;
                        font-size: 13px;
                        text-decoration:none;
                        &:hover{
                            color:@re;
                        }
                    }
                }
                
            }
        }

    }
    
}
//二级菜单
//.second_info1{
//   width:315px;
//   height: 150px;
//   position: absolute;
//   top:0px;left: 238px;
//   border: 1px solid #E6E6E6;
//   background: white;
//   display: none;
//   z-index: 100;
//   .second_title{
//      display: block;
//      width: 220px;
//      height: 15px;
//      padding: 8px 0px 8px 20px;
//      text-decoration: none;
//       font-weight: bold;
//       color: @re;        
//     }
//     ul{
//      height: 80px;
//      margin-top: 10px;
//      padding: 8px 15px 15px 20px; 
//      li{
//          float: left;
//           a{ 
//              padding: 6px 12px 6px 0px;
//               color: #666666;
//               text-decoration:none;
//              }
//      } 
//     }
//}
.second_info2{
     width:315px;
     height: 260px;
     position: absolute;
     top:115px;left: 238px;
     background: white;
     display: none;
     border: 1px solid #E6E6E6;
     z-index: 101;
    .second_title{
        display: block;
        width: 220px;
        height: 15px;
        padding: 8px 0px 8px 20px;
        text-decoration: none;
         font-weight: bold;
         color: @re;        
       }
       ul{
        height: 80px;
        margin-top: 10px;
        padding: 8px 15px 15px 20px; 
        li{
            float: left;
             a{ 
                padding: 6px 12px 6px 0px;
                 color: #666666;
                 text-decoration:none;
                }
        } 
       }
}
.second_info3{
     width:315px;
     height: 200px;
     position: absolute;
     top:230px;left: 238px;
     background:white;
     display: none;
     border: 1px solid #E6E6E6;
     z-index: 102;
    .second_title{
        display: block;
        width: 220px;
        height: 15px;
        padding: 8px 0px 8px 20px;
        text-decoration: none;
         font-weight: bold;
         color: @re;        
       }
       ul{
        height: 80px;
        margin-top: 10px;
        padding: 8px 15px 15px 20px; 
        li{
            float: left;
             a{ 
                padding: 6px 12px 6px 0px;
                 color: #666666;
                 text-decoration:none;
                }
        } 
       }
}
.second_info4{
     width:315px;
     height: 300px;
     position: absolute;
     top:345px;left: 238px;
     background:white;
     display: none;
     border: 1px solid #E6E6E6; 
     z-index: 102;
    .second_title{
        display: block;
        width: 220px;
        height: 15px;
        padding: 8px 0px 8px 20px;
        text-decoration: none;
         font-weight: bold;
         color: @re;        
       }
       ul{
        height: 80px;
        margin-top: 10px;
        padding: 8px 15px 15px 20px; 
        li{
            float: left;
             a{ 
                padding: 6px 12px 6px 0px;
                 color: #666666;
                 text-decoration:none;
                }
        } 
       } 
}
.second_info5{
     width:315px;
     height: 200px;
     position: absolute;
     top:460px;left: 238px;
     background:white;
     display: none;
     border: 1px solid #E6E6E6;  
     z-index: 102;
    .second_title{
        display: block;
        width: 220px;
        height: 15px;
        padding: 8px 0px 8px 20px;
        text-decoration: none;
         font-weight: bold;
         color: @re;        
       }
       ul{
        height: 80px;
        margin-top: 10px;
        padding: 8px 15px 15px 20px; 
        li{
            float: left;
             a{ 
                padding: 6px 12px 6px 0px;
                 color: #666666;
                 text-decoration:none;
                }
        } 
       }
}
//二级菜单

.lunb{
    width: 960px;
    height: 420px;
    position: absolute;
    top:0px;left:242px;
    img{
        position: absolute;
        top:0px;left:0px;
        display: none;
    }
    img:nth-child(1){
        display: block;
    }
    ul{
        width: 170px;
        height: 20px;
        position: absolute;
        top:370px;right:100px;
        li{
          width: 20px;
          height: 20px;
          background: #E4E4E4;
          border-radius: 50%;
          float: left;
          margin-right: 8px;
        }
        li:nth-child(1){
	     background: #FF6699;   
        }
    }
}
.info_img{
    width: 960px;
    position: absolute;
    top:435px;left: 248px;
    a{
        margin-right:6px;
    }
}
#con_pop{
    width:1200px;
    height: 300px;
    margin: 0 auto;
    position: relative;
//  border: 1px solid red;
    div{
       width: 1200px;
       height: 60px;
       position: absolute;
       top:0px;left: 0px; 
       border-bottom: 1px solid #EDEDED;
       h3{
          width: 240px;
          height: 30px;
          margin-left: 10px;
          position: absolute;
          top:20px;left:5px;
          background: white;
          span{
              font-size: 14px;
              padding-left: 20px;
              color: #666666;
              font-weight: 500;
          }
       }
      
    }
    ul{
           width: 1200px;
           height: 227px;
           position: absolute;
           top:70px;left:0px;
//         border: 1px solid red;
           li{
               float: left;
               margin-right: 13px;
               img{
                   width: 187px;
                   height: 223px;
               }
           }
     }
}
#con_jp{
    width:1200px;
    height:880px;
    margin: 0 auto;
    position: relative;
//  border: 1px solid red;
    div{
       width: 1200px;
       height: 60px;
       position: absolute;
       top:0px;left: 0px; 
       border-bottom: 1px solid #EDEDED;
       h3{
          width: 240px;
          height: 30px;
          margin-left: 10px;
          position: absolute;
          top:20px;left:5px;
          background: white;
          span{
              font-size: 14px;
              padding-left: 20px;
              color: #666666;
              font-weight: 500;
          }
       }
      
    }
    ul{
           width: 1200px;
           height: 860px;
           position: absolute;
           top:75px;left:0px;
//         border: 1px solid red;
           li{
               float: left;
               margin: 0px 7px 60px 8px;
               width: 224px;
               height:343px;
               span{
                   display: block;
                    font-weight: bolder;
                    font-size: 20px;
                    color: @re;
               }
               a{
                   display: block;
                   color: #666666;
                   font-size: 12px;
                   text-decoration: none;
                   &:hover{
                       color: @re;
                   }
               }
           }
     }
}
#con_mz{
    width:1200px;
    height:1080px;
    margin: 0 auto;
    position: relative;
//  border: 1px solid greenyellow;
    div{
       width: 1200px;
       height: 60px;
       position: absolute;
       top:0px;left: 0px; 
       border-bottom: 1px solid #EDEDED;
       h3{
          width: 260px;
          height: 30px;
          margin-left: 10px;
          position: absolute;
          top:20px;left:5px;
          background: white;
          span{
              font-size: 14px;
              padding-left: 20px;
              color: #666666;
              font-weight: 500;
          }
       }
      
    }
    ul{
           width: 1200px;
           height: 1000px;
           position: absolute;
           top:75px;left:0px;
//         border: 1px solid red;
           li{
               float: left;
               margin: 0px 7px 15px 5px;
               span{
                   display: block;
                    font-weight: bolder;
                    font-size: 25px;
                    color: @re;
                    del{
                        font-size: 14px;
                        font-weight: bold;
                         color: #999999;
                    }
               }
               a{
                   display: block;
                   color: #666666;
                   font-size: 14px;
                   text-decoration: none;
                   &:hover{
                       color: @re;
                   }
               }
               p{
                   width: 387px;
                   height:34px;
                   overflow: hidden;
                   line-height: 15px;
                   font-size: 12px;
                   color: #666666;
               }
               section{
                   width: 387px;
                   height: 30px;
                   a{
                       display: inline;
                       padding-right: 15px;
                       font-size: 12px;
                       color: @re;
                   }
               }
           }
     }
}
#con_shop{
    width:1200px;
    height:600px;
    margin: 0 auto;
    position: relative;
//  border: 1px solid greenyellow;
    div{
       width: 1200px;
       height: 60px;
       position: absolute;
       top:0px;left: 0px; 
       border-bottom: 1px solid #EDEDED;
       h3{
          width: 260px;
          height: 30px;
          margin-left: 10px;
          position: absolute;
          top:20px;left:5px;
          background: white;
          span{
              font-size: 14px;
              padding-left: 20px;
              color: #666666;
              font-weight: 500;
          }
       }
      
    }
    nav{
        width: 540px;
        height: 58px;
        margin: 0 auto;
        position: absolute;
        top:60px;left:300px;
//      border: 1px solid red;
        a{
            line-height: 58px;
            color: #666666;
            font-size: 18px;
            text-decoration: none;
            margin-right: 30px;
            &:hover{
                color: @re;
                border-bottom: 2px solid @re;
            }
        }
    }
    ul{
           width: 1200px;
           height: px;
           position: absolute;
           top:120px;left:0px;
//         border: 1px solid red;
           li{
               float: left;
               margin: 0px 7px 15px 5px;
               h2{
                   text-align: center;
               }
 
               a{
                   display: block;
                   color: #666666;
                   font-size: 14px;
                   text-decoration: none;
                   text-align: center;
                   
                   &:hover{
                       color: @re;
                   }
               }

               section{
                   width: 387px;
                   height: 30px;
                   text-align: center;
                   
                   a{
                       display: inline;
                       padding-right: 15px;
                       font-size: 12px;
                       color: @re;
                   }
               }
           }
     }
}

  
